<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Create User</title>
</head>
<body>

<div id="header"
	style="background-color: #3B5998; color: white; font: Tahoma">
<h1 style="margin-bottom: 0; text-align: center;">
<img src="Nuvola_apps_korganizer.png" alt="Smiley face" height="45" width="45" />
QuizSite
</h1> 
</div>
<h1 style= "text-align: center; background-color: #FDEEF4; color: black"> Create New Account </h1>

<h2>Please enter proposed name and password. (No blank space, * or % allowed)</h2>

<h3>
<%
	if (session.getAttribute("username") != null) {
		out.println(String.format("Username \"%s\" is already exists or invalid.",
				session.getAttribute("username")));
	}
	session.removeAttribute("username");
%>
</h3>
<form action="CreateUserServlet" method="post">
<p>Enter Username: <input type="text" name="username" />
<p>
<p>Enter Password: <input type="password" name="password" /></p>
<p><input type="submit" value="Login" /></p>
<p><a href="homepage.jsp">Back to Homepage</a></p>
</form>

<div id="buffer"style="background-color: #3B5998; width: 100%; height: 10px; float: left">
</div>

<img src="JoinUs.jpg" alt="Smiley face" height="330" width="900">

</body>
</html>